
	/* 
	 *	BEGIN SOURCE: http://www.alistapart.com/articles/holygrail/
	 */
	 
	/*** The Essential Code ***/
 
		body {
			min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		}
 
		#container {
			padding-left: 200px;      /* LC fullwidth */
			padding-right: 190px;     /* RC fullwidth + CC padding */
		}
		
		#container .column {
			position: relative;
			float: left;
		}
		
		#center {
			padding: 0 20px;          /* CC padding */
			width: 100%;
		}
		
		#left {
			width: 180px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 240px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		#right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}
 
		/*** Equal-height Columns ***/
 
		#container {
			overflow: hidden;
		}
 
		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
		}
 
		/*** Footer Fix ***/
 
		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/
		}
 
		/*** Just for Looks ***/
/* 
		body {
			margin: 0;
			padding: 0;
			background: #FFF;
		}
 
		#header, #footer {
			font-size: large;
			text-align: center;
			padding: 0.3em 0;
			background: #999;
		}
 
		#left {
			background: #66F;
		}
 
		#center {
			background: #DDD;
		}
 
		#right {
			background: #F66;
		}
 
		#container .column {
			padding-top: 1em;
			text-align: justify;
		}
*/
	/* 
	 *	END SOURCE: http://www.alistapart.com/articles/holygrail/ 
	 */







/* FONT SIZE */
.gwt-Label { font-size: 150%; }
.gwt-Button { font-size: 150%; color: #444; }
.gwt-ListBox { font-size: 150%; min-width: 6em; max-width: 10em; }
.gwt-TextBox { font-size: 150%; }
.gwt-TextArea { font-size: 150%; }
.gwt-SuggestBox { font-size: 150%; }
.gwt-Hyperlink { font-size: 150%; }
.gwt-DisclosurePanel .header td { font-size: 150%; color: #666; }

h1, h2, h3, p { font-size: 150%; }







#header-wrapper {
	margin: 10px;
}

#header {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0.5em;
	font-size: 250%;
	color: #fff;
	background: #4E7DD1;
}








#container {
	padding-left: 10px;
	padding-right: 50px;
}

#left {
	width: 10px;
	padding: 0px;
	right: 50px;
}

#right {
	width: 10px;
	padding: 0px;
	margin-right: -100%;
}










	.langPanel {
	}










	.menuPanel {
		border-bottom: 1px solid #ddd;
		width: 100%;
		margin: 10px 0;
		text-align: right;
	}
	
	.menuItem {
		padding: 0 30px;
		text-align: center;
		cursor: pointer;
		cursor: hand;
	}
	
	.menuItem a {
		font-size: 150%;
		text-decoration: none;
	}
	
	.menuItem-selected {
		padding: 0 30px;
		text-align: center;
		background: #ddd;
	}
	
	.menuItem-selected a {
		font-size: 150%;
		text-decoration: none;
	}












	/* PANELSSSSSSSSSSSSSSSSS */
	.loadingPanel {
		color: #a44;
	}
	
	.toolbarPanel {
		background: #d9e7f8;
		width: 100%;
	}
	
	.buttonsPanel {
		margin: 10px 0;
		width: 100%;
	}

	.contentPanel {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		width: 100%;
		background-color: #eee;
		padding: 1em;
	}

	.messagesPanel {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		width: 100%;
		background-color: #fdd;
		padding: 1em;
		margin: 10px 0;
		display: none;
	}

	.menuPanel {
		margin: 10px 0;
	}
	
	
	
	
	
	
	
	.formPanel {
		width: 100%;
		padding: 1em;
	}
	
	
	
	
	
	
	.listPanel {
		width: 100%;
	}

	.listHeader {
		width: 100%;
		text-align: right;
	}
	
	.listContent {
		width: 100%;
		text-align: left;
		color: #284b72;
	}
	
	.listContentHeader {
		background: #b6c7db;
		color: #1d3652;
	}
	
	.listContentLine0 {
		background: #f1f4f7;
	}
	
	.listContentLine1 {
		background: #fafbfc;
	}
	
	.listContentLine0:hover {
		background: #e4ebf2;
		cursor: pointer;
		cursor: hand;
	}
	
	.listContentLine1:hover {
		background: #e4ebf2;
		cursor: pointer;
		cursor: hand;
	}
	
	.listFooter {
		width: 100%;
	}




#footer {
	border-top: 1px solid #eee;
	text-align: center;
	font-size: 150%;
	color: #aaa;
	padding: .5em;
	margin: 10px;
}


